<!-- MAIN CONTENT -->

<div id="content">   
    <div smart-include="sensor/views/sub-header.tpl.html"></div>
        <div class="clearfix">
            <div class="pull-left">
                <strong class="font-md">登录账号：</strong>
                <label class="input">
                    <input type="text" style="vertical-align: middle" class="lineHeight" ng-model="paginationConf.info_name">
                </label>
            </div>
            <div class="pull-left">
                <strong class="font-md">时间范围：</strong>
                <label class="input">
                    <input type="text" name="startdate" id="startdate" class="lineHeight" placeholder="开始日期：" ng-model="paginationConf.timefrom">
                    <i class="icon-append fa fa-calendar"></i>
                </label>
                -
                <label class="input">
                    <input type="text" name="finishdate" id="finishdate" class="lineHeight" placeholder="结束日期：" ng-model="paginationConf.timeto">
                    <i class="icon-append fa fa-calendar"></i>
                </label>
                <a class="btn btn-primary" href-void="" ng-click="sends()">查询</a>
            </div>
        </div>
        <div id="exportable" class="table-responsive">
            <table class="table table-bordered table-hover no-margin font-sml table-striped sensor_table">
                <thead>
                    <tr>
                        <th class="text-align-center">id</th>
                        <th class="text-align-center">动作</th>
                        <th class="text-align-center">登录账号</th>
                        <th class="text-align-center">IP</th>
                        <th class="text-align-center">结果</th>
                        <th class="text-align-center">时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="data in datas">
                        <td class="text-align-center">{{data.id}}</td>
                        <td class="text-align-center">{{data.info_func}}</td>
                        <td class="text-align-center">{{data.info_name}}</td>
                        <td class="text-align-center">{{data.ip}}</td>
                        <td class="text-align-center">{{data.name}}</td>
                        <td class="text-align-center">{{data.time}}</td>
                    </tr>

                </tbody>
            </table>
        </div>
        <!-- end widget content -->
        <div class="dt-toolbar-footer">
            <tm-pagination conf="paginationConf"></tm-pagination>
        </div>
        <div class="clearfix" style="background:#fafafa">
            <button class="btn btn-primary glyphicon glyphicon-export pull-right" ng-click="exportData()"> 导出</button>
        </div>
</div>
<!-- END MAIN CONTENT -->
    <script>


    var pagefunction = function () {



        // START AND FINISH DATE
        $('#startdate').datepicker({
            //dateFormat : 'dd.mm.yy',
            dateFormat: 'yy.mm.dd',
            prevText: '<i class="fa fa-chevron-left"></i>',
            nextText: '<i class="fa fa-chevron-right"></i>',
            monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],  
            dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],  
            dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],  
            dayNamesMin: ['日','一','二','三','四','五','六'],
            onSelect: function (selectedDate) {
                $('#finishdate').datepicker('option', 'minDate', selectedDate);
            }
        });

        $('#finishdate').datepicker({
            dateFormat: 'yy.mm.dd',
            prevText: '<i class="fa fa-chevron-left"></i>',
            nextText: '<i class="fa fa-chevron-right"></i>',
            monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],  
            dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],  
            dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],  
            dayNamesMin: ['日','一','二','三','四','五','六'],
            onSelect: function (selectedDate) {
                $('#startdate').datepicker('option', 'maxDate', selectedDate);
            }
        });

    };

    pagefunction();


    </script>